@baseColor: #2B2B2B;
/*全局*/
body{
	background-color:@baseColor;
}
/*头部*/ 
.movie_header{
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 1;	
	background-color: @baseColor;
	border-bottom: 2px solid #aaa;
	height: 72px;
	.row{
		text-align: center;
		height: 68px;
		line-height: 69px;
		>.movieLogo{
			span{
				font-size: 20px;
				color:#fff;
				font-weight: bold;
				display: inline-block;
			}
		}
		>.searchBar{				
			>input{
				margin-top: 14px;
				border-top-left-radius:20px;
				border-bottom-left-radius:20px;
				height: 40px;
				width: 203px;
				border:0px solid ;
				&:focus{
					outline: 0;
				}
				padding-left: 15px;
				font-size: 16px;
			}
			>button{
				margin-top: -5px;
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
				border-top-right-radius: 20px;
				border-bottom-right-radius: 20px;
				width: 84px;
				height: 40px;
				&:focus{
					outline: 0;
				}
				&:hover{
					opacity: 0.8;
				}
			}
		}
		>.registerAndLogin{
			padding: 0px;
			position:relative;
			>a{
				display: inline-block;
				height:34px;
				width:54px;
				line-height:34px;
				width:54px;
			}
			>.register_btn{
				color:red;
				border:1px solid red;
				position:absolute;
				color:red;
				top:17px;
				left:0px;
				display:block;
				z-index: 9;
				width:54px;
				height:34px;
				cursor: pointer;
			}
			>.personal{
				position: relative;
				>.user{
					width: 100%;
					height: 63px;
					>dd{
						display: inline-block;
						width: 100%;
						color:#fff;
						line-height:72px;
						cursor: pointer;
					}
					>dt{
						position: absolute;
						left: -35px;
						width:25px;
						line-height:65px;
						>img{
							width:25px;
							height: 25px;
							border-radius: 50%;
							border:1px solid #333;
						}
					}
				}
				>.userdetail{
					display: none;
					position: absolute;
					right:-40%;
					top:72px;
					width:300px;
					height:190px;
					padding:8px 10px;
					background-color:#333;
					border-radius: 10px;
					border:1px solid #aaa;
					z-index: 999;
					>dl{
						overflow: hidden;
						margin-bottom: 0;			
						>dt{
							float: left;
							padding:5px 10px;
							>img{
								width:80px;
								height:80px;
								border-radius: 50%;
								display: block;
								border:1px solid #333;
							}
						}
						>dd{
							padding:0;
							text-align: center;
							line-height: 30px;
							color:#ddd;
							>h2{
								margin-top: 20px;
								display: inline-block;
								width:50%;
								height: 30px;
							}
							>span{
								display: inline-block;
								width: 50%;
								height:30px;
							}
						}
					}
					>.btn{
						width: 100%;
						height:70px;
						padding:15px;
						overflow: hidden;
						cursor: default;
						>a{
							color:#bbb;
							display: block;
							border:1px solid #aaa;
							line-height: 35px;
							border-radius: 3px;
							text-decoration: none;
							&:hover{
								opacity: 2;
								color:#fff;
							}
						}
						>a:first-of-type{
							width:63%;
							height: 100%;
						}
						>a:last-of-type{
							height: 100%;
							width: 30%;
						}
					}
				}
			}
		}
	}
}

/*回到顶部按钮*/
.gotop{
	position:fixed;
	bottom:5%;
	right: 2%;
	z-index: 99;
	li{
		a{
			display: block;
			width: 45px;
			height: 45px;
			background-color: #333;
			color: #fff;
			text-align: center;
			>i{
				line-height: 45px;
				font-size:30px;
			}
		}
	}

} 

/*轮播图*/
.movie_banner {
	margin-top: 70px;
    >.carousel {
		width: 100%;
    	background-color: @baseColor;
        >.carousel-inner{
            img{
        		height: 577px;
				margin:0 auto;
            }
        }
    }
}
/*分类导航条*/
.movie_nav{
	border-top: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
	font-size:16px;
	background-color:@baseColor;
	color:#fff;
	padding:20px; 
	border-radius-top: 5px;
	>.container{
		div{
			margin-bottom:10px;
			>.active2{
				color:greenyellow;
			}
		} 
		span{
			margin-right: 20px;
		}
		a{
			margin-left:22px;
			color:#fff;
			display: inline-block;
		}
	}
	
}

/*内容*/
.movie_content{
	background-color: @baseColor;
	
	>.content{
		>.row{
			margin-top: 30px;
			/*电影分类内容*/
			>.col-md-10{
				>.movie{
					padding: 10px;
					margin-bottom:50px;
					height:300px;
					width:25%;
					float:left;
					>a{
						width: 100%;
						height:100%;
						>img{
							height: 100%;
							border:1px solid #fff;
							width: 100%;
						}
						>span{
							font-size: 16px;
							padding-top:5px;
							display: block;
							color:#fff;
							text-align: center;
						}	
					}
				}
				ul.pager{
					display:block;
					text-align: center;
					margin: 0 auto;
					li{						
						>a{
							background-color:@baseColor;
							color:#fff;
						}
					}
					li:first-of-type{
						margin-right: 10px;
					}
					li:last-of-type{
						margin-left: 10px;
					}
				}	
			}
			/*排行榜*/
			>.col-md-2{
				font-size:16px;
				border:2px solid #aaa;
				>div{
					width:100%;
					padding-top: 0px;
					margin-bottom: 15px;
					float: right;
					font-size: 12px;
					color:#fff;
					>a{
						color:#fff;
						margin-left:10px;
						font-size:12px;
					}
				}
				>div:first-of-type{
					font-size:16px !important;
					width:50%;
					margin-right: 25px;
					padding-top: 10px;

					>span:first-of-type{
						position: absolute;
						top: 10px;
						left:37px;
					}
				}
				//>div:last-of-type{
				//}
			}
		}
	}
}

/*底部*/
.movie_footer{
	margin-top: 50px;
	border-top: 1px solid #aaa;
	background-color: @baseColor;
	height:150px;
	width: 100%;
	color:#7c7c7c;
} 
/*模态框*/
.modal-dialog{
	position: fixed;
	top:30%;
	left:36%;
	overflow: auto;
	>.modal-content{
		width:420px;
		>.tab-pane{
			width:100%;
			padding:0px 40px;
			>.modal-header{
				height:54px;
				line-height: 54px;
				font-weight: normal;
				color:#333;
				border-bottom: 1px solid #eaeaea;
				padding:15px 0;
				width:100%;
				>button{
					font-size:34px;
					display: inline-block;
					height:100%;
					width:34px;
				}
				>h4{
					margin-left: 10px;
					font-size:24px;
				}
			}
			>.modal-body{
				>form{
					position: relative;
					width:100%;
					>ul{
						>li{
							position:relative;
							border:1px solid #dedede;
							width:100%;
							height:42px;
							margin:10px 0;
							border-radius: 3px;
							overflow: hidden;
							margin-bottom: 20px;
							>label{
								float:left;
								width:82px;
								height:42px;
								line-height: 42px;
								text-align: center;
								font-size:14px;
								border-right:1px solid #eaeaea;
								font-weight: normal;
							}
							>input{
								float:left;
								width:224px;
								line-height:24px;
								padding:7px 10px;
								border:0;
								height:42px;
							}
							>.captcha{
								border-radius: 3px;
								position:absolute;
								right:0;
								top:0px;
								height:100%;
								background-color:red;
								width:80px !important;
							}
							>.btn{
								width:100% !important;
							}
						}
						// >li:nth-of-type(3){
						// 	>input{
						// 		width:144px !important;
						// 	}
						// }
						>li:last-of-type{
							border:0;
						}
						>.pwd{
							margin-bottom: 5px !important;
						}
						>.forgetPwd{
							height:28px;
							margin-right: 5px;
							>a{
								text-decoration: none;
							}
						}
					}
				}
			}
		}
	}
} 

/*解决点击模态框出现窗口抖动问题*/
.modal-open{
	overflow-y:scroll;
	padding-right:0 !important;
}
